<style scoped lang="less">
	.top{
	        display: flex;
	        justify-content: space-between;
	        align-items: center;
	        p{
	            font-size: 21px;
	            font-weight: 600;
	        }
	        span{
	            font-size: 17px;
	        }
	    }
	.content{
		width: 100%;
		margin-top: 3%;
		// border:1px solid red;
		display: flex;
		flex-wrap: wrap;
		.box{
			width: 45%;
			height: 5vh;
			// border:1px solid red;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			padding: 0 3%;
			margin-top: 3%;
			span{
				font-size: 18px;
				font-weight: 500;
			}
			 .el-input{
			        width: 300px;
			        margin-right: 10px;
			        border: none;
			    }
		}
	}
</style>
<template>
	<div class="top">
	        <p>换课详情信息</p>
	        <span @click="back">返回</span>
	</div>
	<div class="content">
		
		<div class="box">
			<span>申请老师&nbsp;&nbsp;&nbsp;：</span>
			<el-input v-model="dataObj.oldTeaName" disabled></el-input>
		</div>
		<div class="box">
			<span>指向老师&nbsp;&nbsp;&nbsp;：</span>
			
			      <el-input v-model="dataObj.newTeaName" disabled></el-input>
		</div>
		<div class="box">
			<span>申请课程&nbsp;&nbsp;&nbsp;：</span>
			    <el-input v-model="dataObj.oldSubName" disabled></el-input>
		</div>
		<div class="box">
			<span>指向课程&nbsp;&nbsp;&nbsp;：</span>
			<el-input v-model="dataObj.newSubName" disabled></el-input>
		</div>
		<div class="box">
			<span>申请班级&nbsp;&nbsp;&nbsp;：</span>
			
			    <el-input v-model="dataObj.oldClazzName" disabled> </el-input>
		</div>
		<div class="box">
			<span>指向班级&nbsp;&nbsp;&nbsp;：</span>
			
			    <el-input v-model="dataObj.newClazzName" disabled></el-input>
		</div>
		<div class="box">
			<span>原上课时间：</span>
			
			    <el-input v-model="dataObj.oldTime" disabled></el-input>
		</div>
		<div class="box">
			<span>换课时间&nbsp;&nbsp;&nbsp;：</span>
			
			    <el-input v-model="dataObj.newTime"disabled></el-input>
		</div>
		<div class="box">
			<span>申请日期&nbsp;&nbsp;&nbsp;：</span>
			
			    <el-input v-model="dataObj.createTime"disabled></el-input>
		</div>
		<div class="box">
			<span>审批人&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;：</span>
			
			    <el-input v-model="dataObj.userName"disabled></el-input>
		</div>
		<div class="box">
			<span>审批状态&nbsp;&nbsp;&nbsp;：</span>
			
			    <el-input v-model="dataObj.sname"disabled></el-input>
		</div>
	</div>
</template>

<script setup lang="ts">
	import { ref,reactive } from 'vue'
import { useRoute, useRouter } from 'vue-router';
import { changeDetail } from '@/api/gh';
	let route = useRoute();
	let router=useRouter()
	let dataObj:object=reactive({
		
	})
		//换课详情
		const getInfo =async()=>{
			// console.log(route.query.chaId)
			let res = await changeDetail ({
				cId:route.query.chaId
			})
			Object.assign(dataObj,res)
			// dataObj = res as object
			console.log("换课详情",dataObj)
		}
		getInfo()
	//返回
	const back=()=>{
		router.push({
			path:"/changecourses"
		})
	}

</script>

